<%@ page import="entity.User" %>
<%@ page import="javax.xml.bind.annotation.XmlType" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" charset="UTF-8"/>
    <title>首页</title>
    <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    <link rel="stylesheet" href="reset_style/reset.css">
    <link rel="stylesheet" href="reset_style/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="js/index.js"></script>
    <script>
        $(function(){
            $(".item").mouseover(function(){
                $(this).children().stop(true,true).slideDown(400);
            },function(){
                $(this).children().stop(true,true).slideUp("fast");
            });
        })
    </script>
</head>
<body>
<%request.setCharacterEncoding("utf-8");%>
<%
    User user = (User) session.getAttribute("user");
%>
<div class="out_wrapper_container" id="out_bgi">
    <header>
    <div class="upper" id="upper">
        <div class="user_left" style="float: left;padding: 35px 48px 0px 40px">
                <div class="userphoto">
                    <%
                        String img_path = user.getImg_path();
                        if (img_path==null){
                            img_path="default_photo.gif";
                            user.setImg_path(img_path);
                        }
                    %>
                    <img src="img/head/<%=img_path%>" alt="" id="user_img">
                    <p class="modify_img"><a href="changeInfo.jsp" target="main" style="color: white">上传头像</a></p>
                </div>

            <div class="user_name" style="float:left;">
                <p><%=user.getName()%></p>
                <p class="sign" style="color: #CCCCCC;font-size: 20px;position:relative;top: 15px;left: 5px;font-family: Kaiti">
                    如果对未来感到迷茫，那就出发吧，给你的宇宙套上马鞍看它会变成什么样。</p>
            </div>
        </div>
        <div class="user_right" style="float:right;">
            <span>欢迎<%=user.getName()%>的登录</span>
            <img src="img/exit-icon.png" alt="">
            <a href="logout.jhtml" class="out" style="color: #CCCCCC;text-decoration: none;">退出</a>
        </div>
    </div>
    </header>
    <div class="body_container" style="width:1600px;height: 700px;margin:8px auto;margin-top: 20px;">
<!--        左部导航栏-->
        <div class="lefter">
<!--            个人管理-->
            <div class="nav-item">
            <span>个人管理</span>
            <ul class="left-nav">
                <li><a href="index.jsp#info" id="usr_info" target="main">个人信息</a></li>
                <li><a href="changeInfo.jsp" id="change_info" target="main">修改信息</a></li>
                <li><a href="routine.jsp#routine" target="main">日程安排</a></li>
                <li><a href="workRecord.html" class="company" target="main">工作记录</a></li>
            </ul>
            </div>
<!--            通讯管理-->
            <div class="nav-item">
                <span>通讯管理</span>
                <ul class="left-nav">
                    <li><a href="friend.jhtml?username=<%=user.getName()%>" class="usr_info" target="main">通讯录管理</a></li>
                    <li><a href="message.jhtml?method=receive"  target="main" class="communication">收件箱管理</a></li>
                    <li><a href="message.jhtml?method=send"  target="main" class="communication">发件箱管理</a></li>
                </ul>
            </div>
<!--            企业管理-->
            <div class="nav-item">
                <span>企业管理</span>
                <ul class="left-nav">
                    <li><a href="business.jsp" class="usr_info" target="main">公司公告</a></li>
                    <li><a href="#" class="communication">工作会议</a></li>
                </ul>
            </div>
        </div>
        <%@include file="footer.jsp"%>
<!--        右部信息显示框-->
        <div class="content-wrapper">
            <iframe src="index.jsp" marginheight="0" frameborder="0" marginwidth="0"  scrolling="auto" name="main" width="100%" height="100%"/>
        </div>
    </div>

</div>

</body>
</html>